<!DOCTYPE html>
<html>

<head>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <title></title>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-1.11.1.min.js"></script>
    <script type='text/javascript' src='js/common.js'></script>
    <link rel="stylesheet" href="css/viewport.css">

</head>

<body>
    <div class="main">
        <div class="banner" style="margin-top: 0.5rem;">
            <div class="pic"><img width="100%" src="images/banner.png" alt=""></div>
        </div>
        <div class="table_box">
            <div class="title">
                <span>环境改造</span>
                <a href="list.html">查看更多></a>
            </div>
            <div class="table">
                <table>
                    <tr class="tr1">
                        <th>序号</th>
                        <th>姓名</th>
                        <th>区县</th>
                        <th class="ellipsis">改造项目</th>
                        <th>状态</th>
                        <th>操作</th>
                        <th></th>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="btn"><span>我要采集</span></div>
        </div>

        <div class="table_box table_box1">
            <div class="title">
                <span>家居配置</span>
                <a href="list.html">查看更多></a>
            </div>
            <div class="table">
                <table>
                    <tr class="tr1">
                        <th>序号</th>
                        <th>姓名</th>
                        <th>区县</th>
                        <th class="ellipsis">改造项目</th>
                        <th>状态</th>
                        <th>操作</th>
                        <th></th>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="btn"><span>我要采集</span></div>
        </div>
        <div class="table_box table_box2">
            <div class="title">
                <span>环境改造</span>
                <a href="list.html">查看更多></a>
            </div>
            <div class="table">
                <table>
                    <tr class="tr1">
                        <th>序号</th>
                        <th>姓名</th>
                        <th>区县</th>
                        <th class="ellipsis">改造项目</th>
                        <th>状态</th>
                        <th>操作</th>
                        <th></th>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_12.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                    <tr data-href="details.html">
                        <td>01</td>
                        <td>某某某</td>
                        <td>浙江</td>
                        <td class="ellipsis">环境改造</td>
                        <td><img src="images/icon_11.png" alt=""></td>
                        <td><img class="my_icon" src="images/icon_edit.png" alt="">
                            <img class="my_icon" src="images/icon_del.png" alt="">
                            <img class="my_icon" src="images/icon_detail.png" alt="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="btn"><span>我要采集</span></div>
        </div>
    </div>

</body>

<script>
    $(function () {
        $('.tab_box span').on('click', function () {
            var index = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            $('.list_box').hide();
            $('.list_box' + index).show();
        });
        $('.search_box button').click('click', function () {
            $('.search_data').addClass('active');
        })
        $('.table tr').on('click', function () {
            var url = $(this).attr('data-href');
            console.log(url);
            location.href = url;
        });
        $('.btn').on('click', function () {
            location.href = "import.html";
        });
    })
</script>

</html>